import { useEffect } from "react";
import { history, useModel, useOutletContext, Outlet } from "umi";
import { useReactive } from "ahooks";
import { Row, Col, Card, Space, Table, Tag, Descriptions, Collapse, Modal, message } from "antd";
import { Card as SemiCard, List, ButtonGroup, Button, Nav } from "@douyinfe/semi-ui";
import { IconPlusCircle, IconRefresh, IconEdit, IconDelete, IconUserAdd } from "@douyinfe/semi-icons";

const Insure = () => {
    return (
        <Space direction="vertical" style={{ padding: 10, width: "100%" }} size={10}>
            <Card title="养老保险" size="small" hoverable bordered={false} bodyStyle={{ padding: 0 }}>
                <Descriptions column={3} bordered labelStyle={{ width: 140 }}>
                    <Descriptions.Item label="缴费基数">Zhou Maomao</Descriptions.Item>
                    <Descriptions.Item label="单位比率">1810000000</Descriptions.Item>
                    <Descriptions.Item label="单位缴费金额">1810000000</Descriptions.Item>
                    <Descriptions.Item label=""></Descriptions.Item>
                    <Descriptions.Item label="个人比率">Hangzhou, Zhejiang</Descriptions.Item>
                    <Descriptions.Item label="个人缴费金额">Hangzhou, Zhejiang</Descriptions.Item>
                </Descriptions>
            </Card>

            <Card title="医疗保险" size="small" hoverable bordered={false} bodyStyle={{ padding: 0 }}>
                <Descriptions column={3} bordered labelStyle={{ width: 140 }}>
                    <Descriptions.Item label="缴费基数">Zhou Maomao</Descriptions.Item>
                    <Descriptions.Item label="单位比率">1810000000</Descriptions.Item>
                    <Descriptions.Item label="单位缴费金额">1810000000</Descriptions.Item>
                    <Descriptions.Item label=""></Descriptions.Item>
                    <Descriptions.Item label="个人比率">Hangzhou, Zhejiang</Descriptions.Item>
                    <Descriptions.Item label="个人缴费金额">Hangzhou, Zhejiang</Descriptions.Item>
                </Descriptions>
            </Card>

            <Card title="生育保险" size="small" hoverable bordered={false} bodyStyle={{ padding: 0 }}>
                <Descriptions column={3} bordered labelStyle={{ width: 140 }}>
                    <Descriptions.Item label="缴费基数">Zhou Maomao</Descriptions.Item>
                    <Descriptions.Item label="单位比率">1810000000</Descriptions.Item>
                    <Descriptions.Item label="单位缴费金额">1810000000</Descriptions.Item>
                </Descriptions>
            </Card>

            <Card title="失业保险" size="small" hoverable bordered={false} bodyStyle={{ padding: 0 }}>
                <Descriptions column={3} bordered labelStyle={{ width: 140 }}>
                    <Descriptions.Item label="缴费基数">Zhou Maomao</Descriptions.Item>
                    <Descriptions.Item label="单位比率">1810000000</Descriptions.Item>
                    <Descriptions.Item label="单位缴费金额">1810000000</Descriptions.Item>
                </Descriptions>
            </Card>

            <Card title="工伤保险" size="small" hoverable bordered={false} bodyStyle={{ padding: 0 }}>
                <Descriptions column={3} bordered labelStyle={{ width: 140 }}>
                    <Descriptions.Item label="缴费基数">Zhou Maomao</Descriptions.Item>
                    <Descriptions.Item label="单位比率">1810000000</Descriptions.Item>
                    <Descriptions.Item label="单位缴费金额">1810000000</Descriptions.Item>
                </Descriptions>
            </Card>

            <Card title="住房公积金" size="small" hoverable bordered={false} bodyStyle={{ padding: 0 }}>
                <Descriptions column={3} bordered labelStyle={{ width: 140 }}>
                    <Descriptions.Item label="缴费基数">Zhou Maomao</Descriptions.Item>
                    <Descriptions.Item label="单位比率">1810000000</Descriptions.Item>
                    <Descriptions.Item label="单位缴费金额">1810000000</Descriptions.Item>
                    <Descriptions.Item label=""></Descriptions.Item>
                    <Descriptions.Item label="个人比率">Hangzhou, Zhejiang</Descriptions.Item>
                    <Descriptions.Item label="个人缴费金额">Hangzhou, Zhejiang</Descriptions.Item>
                </Descriptions>
            </Card>
        </Space>
    );
};

export default Insure;
